<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        // 遍历
        var color = ['red', 'green', 'yellow', 'blue'];

        // for遍历
        // for (var i = 0; i < color.length; i++) {
        //     console.log(color[i]);
        // }

        // foreEach遍历
        // color.forEach(function(e, i) {
        //     console.log(e, i);
        // })

        // some遍历
        // color.some(function(e, i) {
        //     console.log(e, i);
        // })

        // 找到 6666数据的索引
        // forEach不可以终止后续遍历
        // var arr = [1, 33, 555, 66666, 6666, 777777];
        // var currentIndex = 0;
        // arr.forEach(function(e, i) {
        //     if (e == 6666) {
        //         currentIndex = i;
        //     }
        // })
        // console.log(currentIndex);

        var arr = [1, 33, 555, 66666, 6666, 777777];
        var currentIndex = 0;
        arr.some(function(e, i) {
            if (e === 6666) {
                currentIndex = i;

                // 必须return true才可以终止后续遍历
                // 代码层面的性能优化
                return true;
            }
        })
        console.log(currentIndex);
    </script>
</body>

</html>